<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>麦当劳</title>

		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/style.css">
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<!--[if lt IE 9]>
	 　　<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
	 　　<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	 <![endif]-->
	</head>


	<body>
		<div class="site-wrapper container container-fluid">

			<header class="header-section section position-static">
				<!--头部-->

				<nav class="navbar fixed-top  container bg-light navbar-light navbar-expand-md ">
					<a class=" navbar-brand" href="index.html">
						<img style="width: 60px;height: 60px;" src="assets/images/logo.png" alt="clothes">
					</a>
					<!-- 设置汉堡按钮 -->
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse">
						<span class="navbar-toggler-icon"></span>
					</button>
					<!-- 导航栏-->
					<div class="collapse navbar-collapse" id="navbarcollapse">
						<ul class="navbar-nav nav-tabs">
							<li class="nav-item"><a class="nav-link" href="index.html">首页</a></li>
							<li class="nav-item dropdown">
								<a href="gouwu.html" class="nav-link dropdown-toggle" data-toggle="dropdown">
									购物 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a class="dropdown-item" href="gouwu.html">产品浏览</a></li>

								</ul>
							</li>
							<li class="nav-item dropdown">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
									个人中心 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a class="dropdown-item" href="login.html">注册登录</a></li>

								</ul>
							</li>
							<li class="nav-item dropdown">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
									美味时刻 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a class="dropdown-item" href="#">活动一</a></li>
									<li><a class="dropdown-item" href="#">活动二</a></li>
								</ul>
							</li>
							<li class="nav-item dropdown">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
									亲子活动 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a class="dropdown-item" href="#">爱成长</a></li>
									<li><a class="dropdown-item" href="#">开心生日会</a></li>
								</ul>
							</li>

						</ul>
					</div>



			</header>
			<!--头部end-->
			</header>
			<!-- 图片轮播 Start -->
			<div style="margin-top: 80px;">
				<!--中间-->


				<div id="demo" class=" carousel slide" data-ride="carousel">

					<!-- 指示符 -->
					<ul class="carousel-indicators">
						<!-- ，设置轮播指示符-->
						<li data-target="#demo" data-slide-to="0" class="active"></li> <!-- (11)填写data-target属性-->
						<li data-target="#demo" data-slide-to="1"></li> <!-- (11)填写data-target属性-->
						<li data-target="#demo" data-slide-to="2"></li> <!-- (11)填写data-target属性-->
						<li data-target="#demo" data-slide-to="3"></li>
						<li data-target="#demo" data-slide-to="4"></li>
						<li data-target="#demo" data-slide-to="5"></li>

					</ul>

					<!-- 轮播图片 -->
					<div class=" carousel-inner">
						<!--轮播图-->
						<!-- (12)填写class属性，设置轮播图片-->
						<div class="carousel-item active">
							<img src="assets/images/banner/banner-1.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
						</div>
						<div class="carousel-item">
							<img src="assets/images/banner/banner-2.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
						</div>
						<div class="carousel-item">
							<img src="assets/images/banner/banner-3.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
						</div>
						<div class="carousel-item">
							<img src="assets/images/banner/banner-4.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
						</div>
						<div class="carousel-item">
							<img src="assets/images/banner/banner-5.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
						</div>
						<div class="carousel-item">
							<img src="assets/images/banner/banner-6.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
						</div>
					</div>
					<div>
						<!--按钮-->
						<!-- 左右切换按钮 -->
						<a class="carousel-control-prev" href="#demo" data-slide="prev">
							<!-- (14)填写class属性，左切换按钮-->
							<span class="carousel-control-prev-icon"></span>
						</a>
						<a class="carousel-control-next" href="#demo" data-slide="next">
							<!-- (15)填写data-slide属性，右切换按钮-->
							<span class="carousel-control-next-icon"></span>
						</a>
					</div>
				</div>
				<!--图片轮播 End-->
			</div>
			<div class="product-section ">
				<!--活动界面-->
				<div class="container-fluid">
					<div class="row">
						<div class="text-center">
							<h1> <strong>本月活动</strong></h1>
							<hr />
						</div>
					</div>

					<div class="row bg2">
						<div class="col-lg-3 col-sm-6 col-12">
							<div class="product-item bg-white">
								<div class="img-thumbnail image-wrap">
									<a href="huodong.html" class="image"><img src="assets/images/huodong/1.jpg" class="img-fluid  listitemimage listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h3>办卡吗！18免60次外送费哦</h3>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="product-item bg-white">
								<div class="img-thumbnail image-wrap">
									<a href="huodong.html" class="image"><img src="assets/images/huodong/2.jpg" class="img-fluid  listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h3>星期一狂欢节！！<br> 吃吗！</h3>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="product-item bg-white">
								<div class="img-thumbnail image-wrap">
									<a href="huodong.html" class="image"><img src="assets/images/huodong/3.jpg" class="img-fluid  listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h3>星期一狂欢节！！<br> 吃吗！</h3>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="product-item bg-white">
								<div class="img-thumbnail image-wrap">
									<a href="huodong.html" class="image"><img src="assets/images/huodong/4.jpg" class="img-fluid  listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h3>双份份量<br> 蹭一蹭</h3>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="product-item bg-white">
								<div class="img-thumbnail image-wrap">
									<a href="huodong.html" class="image"><img src="assets/images/huodong/5.jpg" class="img-fluid  listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h3>脆皮可吃<br>“全军出击”</h3>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="product-item bg-white">
								<div class="img-thumbnail image-wrap">
									<a href="huodong.html" class="image">
										<img src="assets/images/huodong/9.jpg" class="img-fluid  listitemimage" alt=""></a>
									</a>

									<div class="figure-caption">
										<h3>早餐不可少<br>十倍快乐</h3>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-6 col-sm-12 col-12">
							<div class="product-item bg-white">
								<div class="img-thumbnail image-wrap">
									<a href="huodong.html" class="image">
										<img style="height: 250px;width: 100%;" src="assets/images/huodong/10.jpg" class="img-fluid  listitemimage"
										 alt=""></a>
									</a>

								</div>

							</div>
						</div>

					</div>





				</div>
			</div>

			<div class="product-section">
				<!--点餐-->
				<div class="container-fluid">
					<div class="row">
						<div class="text-center">
							<h1> <strong>本月推荐</strong></h1>
							<hr />
						</div>
					</div>

					<div class="row bg2">
						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail ">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw2.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>不素之霸</h1>
									</div>
								</div>

							</div>
						</div>
						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw3.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>牛肉堡</h1>
									</div>
								</div>

							</div>
						</div>
						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw4.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>香芋派</h1>
									</div>
								</div>

							</div>
						</div>
						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw5.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>超级可乐</h1>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw6.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>开心乐套餐</h1>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw7.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>变态冻柠乐</h1>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw8.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>橙汁</h1>
									</div>
								</div>

							</div>
						</div>

						<div class="col-lg-3 col-sm-6 col-12">
							<div class="img-thumbnail">
								<div class="image-wrap">
									<a href="gouwu.html" class="image"><img src="assets/images/product/gw9.png" class="img-fluid rounded-circle listitemimage"
										 alt=""></a>
									<div class="figure-caption">
										<h1>香辣鸡翅</h1>
									</div>
								</div>

							</div>
						</div>


					</div>





				</div>
			</div>
		</div>


		</div>

		</div>
		<div><img class="img-fluid" src="assets/images/huodong/99.jpg" style="margin-top: 20px;"></div>
	</body>
